<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
	
	<f:metadata>
	    <f:viewParam name="id" value="#{versaoBean.idModelo}" />
	</f:metadata>
	
<h:head>
		
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

		<h:outputStylesheet library="css" name="style_aplicacao.css" />
		
</h:head>
	<body>

		<div id="topo">
			<div id="logo_kioskcar"></div>
		</div>

		<div id="corpo">

            <div id="area_texto">Clique no vers&atilde;o desejada</div>

			<div id="area_versao">
				<h:form id="form">  
					<p:layout id="layout" style="min-height:550px;">
						<p:layoutUnit position="west" size="250">
		
							<p:panel header="Marca" >
								<h:graphicImage value="/resources/img/logos_200/#{versaoBean.dadosTela.imgMarca}" alt="#{versaoBean.dadosTela.nomeMarca}"/>
							</p:panel>
							
							<p:panel header="Modelo" >
								<h:graphicImage value="/resources/img/logos_200/#{versaoBean.dadosTela.imgMarca}" alt="#{versaoBean.dadosTela.nomeMarca}"/>
							</p:panel>
							
						</p:layoutUnit>
		
						<p:layoutUnit position="center">
		
							<div id="versao">
		
								<div id="campo_versao">
		
									<ui:repeat value="#{versaoBean.versoes}" var="c" >

										<h:link outcome="selecionacorkit" >
											<f:param name="id" value="#{c.id}" />
											<h:outputText value="#{c.nome}" />
										</h:link> - 
										<span style="font-size:13px;">R$ 
											<h:outputText value="#{c.valor}" >
												<f:convertNumber pattern="#0.00" locale="pt_br"/>
											</h:outputText>
										</span>

										<p:separator />
									</ui:repeat>
		
								</div>
		
							</div>
							
							
		
						</p:layoutUnit>
		
					</p:layout>
				</h:form>
			</div>
		
		</div>
		
	</body>
</html>